// hooks/useArticles.js
import { useState, useEffect } from 'react';
import articlesJson from '../assets/data/articles.json'; // 导入纯 JSON 文件

const useArticles = () => {
    const [articles, setArticles] = useState([]);
    const [loading, setLoading] = useState(true);

    useEffect(() => {
        // 无需额外处理，articlesJson 已经是解析好的 JavaScript 数组
        setTimeout(() => {
            setArticles(articlesJson);
            setLoading(false);
        }, 1000);
    }, []);

    return { articles, loading };
};

export default useArticles;

//模拟网络API获取
// import { useState, useEffect } from 'react';

// const useArticles = () => {
//   const [articles, setarticles] = useState([]);
//   const [loading, setLoading] = useState(true);
//   const [error, setError] = useState(null);

//   useEffect(() => {
//     const fetcharticles = async () => {
//       try {
//         // 这里替换为实际的 API 地址
//         const response = await fetch('https://api.example.com/articles');

//         // 检查响应状态
//         if (!response.ok) {
//           throw new Error(`HTTP error! status: ${response.status}`);
//         }

//         // 解析 JSON 数据
//         const data = await response.json();
//         setarticles(data);
//       } catch (err) {
//         setError(err.message);
//       } finally {
//         setLoading(false);
//       }
//     };

//     fetcharticles();
//   }, []);

//   return { articles, loading, error };
// };

// export default useArticles;